﻿@theme: "../refs/";

@import "@{theme}variables.less";
@import "@{theme}mixins.less";

.block {
    width: @block-category-width;
    background: #fff;
    .box-shadow(3px 3px 3px #f0f0f0);
    border-top: 1px solid #F6F6F6;
    border-left: 1px solid #F0F0F0;

    .title {
        padding: 5px;
        background: rgba(242, 242, 242, 0.98);
    }

    .listbox {
        padding: 0 @grid-gutter-width/4 @grid-gutter-width/2;

        ul {
            list-style: none;
        }

        li {
            margin: 0 auto;
            /*border-top: 1px solid #F6F6F6;*/
            min-height: 35px;
            line-height: 35px;

            &.active {
                border-right: 2px solid #ccc;

                a {
                    font-weight: bold;
                }
            }
        }
    }

    &.bestsellers {
        .title {
            font-size: @font-size-base;
        }

        .item-box {
            margin-left: 25px;
            float: none;
        }
    }

    &.block-account-navigation {
        .title {
            padding-left: 15px;
        }

        .listbox {
            padding: 0 7.5px 15px 15px;

            li {
                margin: 0 auto;
                border-top: 1px solid #F6F6F6;
                min-height: 35px;
                line-height: 35px;

                &.active {
                    border-right: 2px solid #ccc;

                    a {
                        font-weight: bold;
                    }
                }
            }

            a {
                width: 100%;
                height: 35px;
                line-height: 35px;
                display: block;
            }
        }
    }

    &.block-popular-blogtags, &.block-blog-archive {
        ul {
            padding-left: 5px;
        }
    }
}
